import React, { useEffect } from 'react'
import SiderMenu from '../../components/newSandBox/SiderMenu'
import TopHeader from '../../components/newSandBox/TopHeader'
import { Layout } from 'antd';
import NewsRouter from '../../components/newSandBox/NewsRouter'
import './NewsSandBox.css'
import Nprogress from 'nprogress'
import 'nprogress/nprogress.css'

const { Content } = Layout;

export default function NewsSandBox() {
  Nprogress.start()
  useEffect(() => {
    Nprogress.done()
  })
  return (
    <Layout>
      <SiderMenu></SiderMenu>
      <Layout className="site-layout">
        <TopHeader></TopHeader>
        <Content
            className="site-layout-background"
            style={{
              margin: '24px 16px',
              padding: 24,
              minHeight: 280,
              overflow: 'auto'
            }}
          >
            <NewsRouter></NewsRouter>
          </Content>
      </Layout>
    </Layout>
  )
}
